<%-- <?xml version="1.0" encoding="UTF-8" ?> --%>
<%@ page import="landmark.LandmarkVisit" %>
<%@ page import="landmark.LandmarkUtente" %>
<%@ page import="landmark.Link" %>
<%@ page import="org.swimv2.model.Persona" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Home page</title>
<link rel="stylesheet" type="text/css" href="scheletro.css">
<script type="text/javascript">
		/* funzione Controllo Inserimento */
		function check() {
			if(document.getElementById("username").value == "" ||
				document.getElementById("password").value == "") {
		  		alert("Uno o più campi sono incompleti.");
		 		return false;
			}
			return true;
		}
		</script>
</head>
<body>
<div id="container">
<table class="topHome">
	<tr>
		    <td id="logoHome">
	<a href="home.jsp">Swim v2</a>
	<br><br><b> A help with a click!</b>
	
	
		    </td>
			<td class="personal">
				
					<% if (request.getSession().getAttribute("utente")!=null){ 
					Persona u =(Persona) request.getSession().getAttribute("utente"); 
					if (u.getRuolo().equals("UTENTE")){ %>
					
					<b>Ciao :<a href="PaginaProfiloServlet">${sessionScope.utente.nome}</a> </b>&nbsp;&nbsp;&nbsp;<a href="Notifiche"><b>Interazioni</b></a>&nbsp;<a href="messaggi.jsp"><b>Messaggi</b></a>&nbsp;&nbsp;&nbsp;<div id="button"><a href="Logout" id="logout">Logout</a></div>
				<% } 
					
					else {%>
					<b>Ciao :<a href="paginaAmministratore.jsp">${sessionScope.utente.nome}</a> </b>&nbsp;&nbsp;&nbsp;<a href="NotificheAbServlet"><b>Notifiche</b></a>&nbsp;&nbsp;<a href="messaggi.jsp"><b>Messaggi</b></a>&nbsp;&nbsp;<a href="GestioneAbServlet"><b>Modifica abilità</b></a>
				&nbsp;&nbsp;<div id="button"><a href="Logout" id="logout">Logout</a></div>
				<%	}
					}
				%>	
				
				<% if(request.getSession().getAttribute("utente")==null){ %>
				<form action="Login" method="post" onsubmit="return check()">
						<b>Username:</b> <input type="text"  name="username" id="username">
				
						<b>Password:</b> <input type="password" name="password" id="password">
						
						<input id="button" type="submit" name="Login" value="login">
						<br><br>
						<b>Sei un nuovo utente?</b>&nbsp;<a href="Registrazione">Registrati</a>
				</form>
				<% } %>
			</td>
	</tr>
</table>


<%String messaggio = (String) request.getAttribute("messaggio");
	if(messaggio != null) {
		if(messaggio.equals("Logout eseguito con successo")){		
			
			out.println("<p class='logoutMessage'>" + messaggio + "</p>");
		}
		else {
			out.println("<p class='errorMessage'>" + messaggio + "</p>");	
		}
	} %>



<%if(request.getSession().getAttribute("utente")==null) 
{%>
<div id="nav"> 
	<ul>
		<%
			Link a[]  = LandmarkVisit.getLandmark();
			for(int i=0; i<a.length; i++)
			{
		%>
			<li><a href="<%=a[i].getHref() %>"><%=a[i].getValue() %></a></li>
		<%} 
		%>
	</ul>
</div>
<%} %>

<%if(request.getSession().getAttribute("utente")!=null) 
{%>
<% Persona ut = (Persona)request.getSession().getAttribute("utente");
if(ut.getRuolo().equals("UTENTE")){%>
<div id="nav"> 
	<ul>
		<%
			Link a[]  = LandmarkUtente.getLandmark();
			for(int i=0; i<a.length; i++)
			{
		%>
			<li><a href="<%=a[i].getHref() %>"><%=a[i].getValue() %></a></li>
		<%} 
		%>
	</ul>
</div>
<%} }%>


     	<div>
     		
	    <img id="imgHome" src="home1.jpg"  />
	 	  <script language="Javascript" type="text/javascript">
				var secondi=1;
				var num=0;
				function CambiaImmagine() {
					var immagini=new Array();
					immagini[0]='../Swimv2WebClient/immagini/home1.jpg';
					immagini[1]='../Swimv2WebClient/immagini/home2.jpg';
					
					document.getElementById("imgHome").src=immagini[num];
					num=(num+1>=immagini.length)?0:num+1;
					setTimeout("CambiaImmagine()",secondi*6000);
				}	
				CambiaImmagine();
		 </script>
	  			 
	  </div>

</div>
 

 </body>
</html>